import {Tabs ,TabsProps} from 'antd';
import { AppstoreOutlined, BarcodeOutlined } from "@ant-design/icons";
import { FC } from 'react';
import ComponentLib from './ComponentLib';
import LayerList from './LayerList';

const onChange = (key: string) => {
    console.log(key);
};

const items: TabsProps['items'] = [
    {
      key: '1',
      label: '组件库',
      icon:<AppstoreOutlined></AppstoreOutlined>,
      children: <ComponentLib></ComponentLib>,
    },
    {
      key: '2',
      label: '图层',
      icon:<BarcodeOutlined></BarcodeOutlined>,
      children: <LayerList></LayerList>,
    }
  ];
const LeftPanel:FC = ()=>{
    return <>
        <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
    </>
}

export default LeftPanel